<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_v-model</title>
</head>
<body>
    <div id="app">
        <input type="text" v-model="message">
        <h3>{{message}}</h3>

        <input type="checkbox" value="篮球" v-model="hobies">篮球
        <input type="checkbox" value="羽毛球" v-model="hobies">羽毛球
        <input type="checkbox" value="游泳" v-model="hobies">游泳
        <input type="checkbox" value="桌球" v-model="hobies">桌球
        <h3>您的爱好有: {{hobies}}</h3>
    </div>
</body>
<script src="../vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            message: 'hello vue~',
            hobies: []
        }
    })
</script>
</html>